import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
// import comments  from "../views/comments";  // 这里是导入页面第一步 ， 首先是要引入这个界面 我刚刚就是没引入

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  // {
  //   path: '/comments',   // 然后看这里  这里是第二步 这里填写的是路由  也就是浏览器上面的路径
  //   name: 'comments',  // 这里一定要和 import 后面的这个名字一样
  //   component: comments  // 来 看这里   这里是最后一步  这个名字也要和上面import 一样       当时这个他让我什么。。/。。/然后就抱一大堆的错误  emm  这里是第一种写法 他说的是第二种
  // },
  {
    path: '/q1',   //来看看第二种方法    你要快点，因为我快回不去了 。。。 你先溜 我写好截图给你看
    name: 'comments',
    component:()=>import('../views/comments') // 这种路由叫懒加载方式 这种就不用在上面import了 可以直接这么写就好了
  },
  {
    path: '/honors',
    name: 'Honors',
    component: ()=>import('../views/Honors')
  },
  {
    path: '/LaboratoryOverview',
    name: 'LaboratoryOverview',
    component: ()=>import('../views/LaboratoryOverview')
  },
  {
    path: '/LaboratoryCompetition',
    name: 'LaboratoryCompetition',
    component: ()=>import('../views/LaboratoryCompetition')
  },
  {
    path: '/InternalResources',
    name: 'InternalResources',
    component: ()=>import('../views/InternalResources')
  }
]

const router = new VueRouter({
  routes
})

export default router
